<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            width: 200px;
            height: 200px;
            background-color: pink;
        }
    </style>
    <script src="jquery.min.js"></script>
</head>
<body>
   <div></div>
   <script>
       $(function () {
           console.log($("div").css("width"));
          /* /!*设置样式，属性必须要有双引号，属性值可以没有引号和单位*!/
           $("div").css("width","300px");
           $("div").css("width",400);*/
           $("div").css({
               width:300,
               height:300,
               backgroundColor:"red"
               //复合属性必须采用驼峰命名法，如果属性值是数字，可以不用引号而且不加单位，如果属性不是数字，必须加引号

           });
       })
   </script>
</body>
</html>